import { Routes, Route } from 'react-router-dom';
import { Footer, Header } from "./components/layout"
import routes from './routes';

function App() {
  return (
    <>
      <Header logo={"Your Logo"} routes={routes} />
      <div className="container mx-auto px-4 py-8">
        <Routes>
          {routes.map((route) => (
            <Route
              key={route.path}
              path={route.path}
              element={<route.component />}
            />
          ))}
        </Routes>
      </div>
      <Footer />
    </>
  )
}

export default App
